﻿@model AplicacionBase.Models.Experience

@{
    ViewBag.Title = "Editar";
    var wizard = ViewBag.WizardStep;
    if (wizard == 1)
    {
        Layout = "~/Views/Shared/_LayoutW.cshtml";
        wizard = 1;
    }
}

<h2>Editar</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Experiencia Laboral</legend>
        <p>(*) Campos Obligatorios</p>
        <input type="hidden" name="wizard" id="wizard" value="@ViewBag.WizardStep"/>
        @Html.HiddenFor(model => model.IdUser)
        @Html.HiddenFor(model => model.Id)

        <div class="editor-label">
            Cargo Desempeñado (*)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Charge)
            @Html.ValidationMessageFor(model => model.Charge)
        </div>

        <div class="editor-label">
            Fecha inicio de Trabajo (*)
        </div>
        <div id="errorStartDate" class="alert error">
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.StartDate)
            @Html.ValidationMessageFor(model => model.StartDate)
        </div>

        <div class="editor-label">
            Fecha Finalización de Trabajo (*)
        </div>
        <div id="errorendDate" class="alert error">
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.EndDate)
            @Html.ValidationMessageFor(model => model.EndDate)
        </div>

               <script type="text/javascript">
                   $(document).ready(function () {
                       $("#endDate").datepicker({ dateFormat: 'dd/mm/yy' }); ;
                       $("#startDate").datepicker({ dateFormat: 'dd/mm/yy' }); ;
                       $("#endDate").change(function () {
                           var errorDate = false;
                           var startDt = $("#startDate").val();
                           var endDt = $("#endDate").val();
                           var aI = startDt.substring(6, 10);
                           var aF = endDt.substring(6, 10);
                           if (aI > aF) {
                               errorDate = true;
                           } else {
                               if (aI == aF) {
                                   var mI = startDt.substring(3, 5);
                                   var mF = endDt.substring(3, 5);
                                   if (mI > mF) {
                                       errorDate = true;
                                   } else {
                                       if (mI == mF) {
                                           var dI = startDt.substring(0, 2);
                                           var dF = endDt.substring(0, 2);
                                           if (dI >= dF) {
                                               errorDate = true;
                                           }
                                       } else {
                                           errorDate = false;
                                       }
                                   }
                               } else {
                                   errorDate = false;
                               }
                           }

                           if (errorDate) {
                               $('<p>').text('La fecha de finalizacion debe ser posterior a la fecha de inicio').appendTo('#errorendDate').hide(20000, function () { $(this).remove(); });
                               $("#endDate").val("");
                           }
                           var now = new Date();
                           var errorDate = false;
                           var startDt = $("#endDate").val();
                           var endDt = now.getDate() + "-" + now.getMonth() + "-" + now.getFullYear();
                           var aI = startDt.substring(6, 10);
                           var aF = endDt.substring(5, 10);
                           if (aI == aF) {
                               var mI = startDt.substring(3, 5);
                               var mF = endDt.substring(3, 4);
                               if (mI <= mF) {
                                   var dI = startDt.substring(0, 2);
                                   var dF = endDt.substring(0, 2);
                                   if (dI > dF) { errorDate = true; }
                               } else { errorDate = true; }
                           } else {
                               if (aI > aF) {
                                   errorDate = true;
                               }
                           }
                           if (errorDate) {
                               $('<p>').text('la fecha de inicio no puede ser mayor a la fecha actual').appendTo('#errorendDate').hide(20000, function () { $(this).remove(); });
                               $("#endDate").val("");
                           }

                       });

                       $("#startDate").change(function () {
                           var errorDate = false;
                           var startDt = $("#startDate").val();
                           var endDt = $("#endDate").val();
                           if (endDt != "") {
                               var aI = startDt.substring(6, 10);
                               var aF = endDt.substring(6, 10);
                               if (aI > aF) {
                                   errorDate = true;
                               } else {
                                   if (aI == aF) {
                                       var mI = startDt.substring(3, 5);
                                       var mF = endDt.substring(3, 5);
                                       if (mI > mF) {
                                           errorDate = true;
                                       } else {
                                           if (mI == mF) {
                                               var dI = startDt.substring(0, 2);
                                               var dF = endDt.substring(0, 2);
                                               if (dI >= dF) {
                                                   errorDate = true;
                                               }
                                           } else {
                                               errorDate = false;
                                           }
                                       }
                                   } else {
                                       errorDate = false;
                                   }
                               }
                               if (errorDate) {
                                   $('<p>').text('La fecha de inicio debe ser posterior a la fecha de finalizacion').appendTo('#errorStartDate').hide(20000, function () { $(this).remove(); });
                                   $("#startDate").val("");
                               }
                           } else {
                               var now = new Date();
                               var errorDate = false;
                               var startDt = $("#startDate").val();
                               var endDt = now.getDate() + "-" + now.getMonth() + "-" + now.getFullYear();
                               var aI = startDt.substring(6, 10);
                               var aF = endDt.substring(5, 10);
                               if (aI == aF) {
                                   var mI = startDt.substring(3, 5);
                                   var mF = endDt.substring(3, 4);
                                   if (mI <= mF) {
                                       var dI = startDt.substring(0, 2);
                                       var dF = endDt.substring(0, 2);
                                       if (dI > dF) { errorDate = true; }
                                   } else { errorDate = true; }
                               } else {
                                   if (aI > aF) {
                                       errorDate = true;
                                   }
                               }
                               if (errorDate) {
                                   $('<p>').text('la fecha de inicio no puede ser mayor a la fecha actual').appendTo('#errorStartDate').hide(20000, function () { $(this).remove(); });
                                   $("#startDate").val("");
                               }
                           }

                       });

                   });
        </script>
        <div class="editor-label">
            Descripción (*)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Description)
            @Html.ValidationMessageFor(model => model.Description)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.IdCompanie, "Compañía")
        </div>
        <div class="editor-field">
            @Html.DropDownList("IdCompanie", String.Empty)
            @Html.ValidationMessageFor(model => model.IdCompanie)
        </div>
        <br/>
        <p>
            <input type="submit" value="Actualizar" class ="ebutton blue"/>&nbsp
              @Html.ActionLink("Volver a la lista", "Index", new { wizardStep = wizard}, htmlAttributes: new { @class = "ebutton blue" })  
        </p>
    </fieldset>
      
   
}

